<?php
header("Content-type:text/html;charset=utf-8");
include_once 'commonDB.php';
	?>
	

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/JNH.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<title>嘉年华</title>
	</head>

	<body>
		<div id="wrap">
			<div id="navigation">
				<!--让导航居中-->
				<div id="nav">
					<!--导航logo-->
					<div id="nav_log" class="nav_log">
						<a id="navloga" href="putou.php"><img class="nav_log_img" src="img/nav_logo.gif" /></a>
					</div>
					<div id="nav_junp" class="nav_jump">
						<!--首页-->
						<div><a id="first" href="putou.php">首页</a></div>
						<!--葡萄产品-->
						<div><a id="grapes" href="###">葡萄产品</a></div>
						<!--葡萄纬度-->
						<div><a id="latitude" href="latitude.php">葡萄纬度</a></div>
						<!--APP下载-->
						<div><a id="APPdownload" href="APP.php">APP下载</a></div>
						<!--嘉年华-->
						<div><a id="carnival" href="JNH.php">嘉年华</a></div>
					</div>
					<div id="nav_load" class="nav_load">
						<!--登陆-->
						<div><a id="load" href="denglu.php">登陆</a></div>
						<!--注册-->
						<div><a id="registered" href="zhuce2.php">注册</a></div>
					</div>
				</div>
			</div>
			<!--隐藏-->
			<div id="grapes_hover">
				<div id="keepout"><?php
                         $sql = "select * from putao_chanpin order by id desc limit 6";
                         $result = mysql_query($sql);
                       while ($row =mysql_fetch_assoc($result)) {
                       ?>
                       <div><a href="<?php echo $row["href"]; ?>"><img src="<?php echo $row["scr"]; ?>"/><?php echo $row["txt"]; ?></a></div>
                    
                       <?php } ?>
				</div>
			</div>
			<div id="content">
				<!--头部大图-->
				<div id="contenthead"></div>
				<!--中部导航-->
				<div id="ancbegin">
					<div id="ancDivs">
						<div class="ancdiv">
							<a href="###" class="lj1">
								<span class="ancspan"><div class="icon-video"></div>发布会视频</span>
							</a>
						</div>
						<div class="ancdiv">
							<a href="###" class="lj2">
								<span class="ancspan"><div class="icon-child"></div>为孩子创造</span>
							</a>
						</div>
						<div class="ancdiv">
							<a href="###" class="lj3">
								<span class="ancspan"><div class="icon-pro"></div>产品体验</span>
							</a>
						</div>
						<div class="ancdiv">
							<a href="###" class="lj4">
								<span class="ancspan"><div class="icon-mad"></div>媒体报道</span>
							</a>
						</div>
						<div class="ancdiv">
							<a href="###" class="lj5">
								<span class="ancspan"><div class="icon-add"></div>花絮内容</span>
							</a>
						</div>
					</div>
				</div>
				<!--展示页面-->
				<div id="display">
					<div id="displayshow">
						<!--1-->
						<div class="dis-video">
							<div class="distitle">
								<img src="img/img_title_01.png" />
							</div>
							<div class="video-cont">
								<img src="img/pohot_video_01.jpg" />
								<div class="video-cont-show"></div>
							</div>
							<div class="video-time"><img src="img/img_timeline.png" /></div>
						</div>
						<div class="dis-child">
							<div class="distitle">
								<img src="img/img_title_02.png" />
							</div>
							<div class="child-text">
								<p>2016年5月18日，一场以“现在 串联未来”为主题的Q2新品发布会在新落成的葡萄大楼举办。</p>
								<p>在充满奇幻色彩的儿童放映厅，首席产品官盛晓峰发布了一款科技感与趣味性深度融合的儿童科技产品——奇妙电路，为在场来宾开启了一个“见，所未见”的物理科学启蒙世界。</p>
								<p>现场还邀请到10位自闭症儿童，走进了互动体验区。</p>
							</div>
							<div class="child-roll">
								<div id="child-btnleft" class="swiper-button-prev">
									<img src="img/btn_back.jpg" />
								</div>
								<div class="child-rollshow swiper-container">
									<div class="child-roll-Divs swiper-wrapper">
										<div class="swiper-slide">
											<img src="img/01.jpg" />
											<div class="child-roll-text">
												<div>
													<span>1</span>/<span>13</span>
												</div>
												<div>摆放整齐的奇妙电路</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/02.jpg" />
											<div class="child-roll-text">
												<div>
													<span>2</span>/<span>13</span>
												</div>
												<div>为远道而来的嘉宾准备了精致的茶歇</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/03.jpg" />
											<div class="child-roll-text">
												<div>
													<span>3</span>/<span>13</span>
												</div>
												<div>沉浸在奇妙电路乐趣中的嘉宾</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/04.jpg" />
											<div class="child-roll-text">
												<div>
													<span>4</span>/<span>13</span>
												</div>
												<div>精心布置的产品体验区</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/05.jpg" />
											<div class="child-roll-text">
												<div>
													<span>5</span>/<span>13</span>
												</div>
												<div>精心布置的发布厅</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/06.jpg" />
											<div class="child-roll-text">
												<div>
													<span>6</span>/<span>13</span>
												</div>
												<div>星语心愿</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/07.jpg" />
											<div class="child-roll-text">
												<div>
													<span>7</span>/<span>13</span>
												</div>
												<div>精心布置的外场</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/08.jpg" />
											<div class="child-roll-text">
												<div>
													<span>8</span>/<span>13</span>
												</div>
												<div>听得很认真的嘉宾们</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/10.jpg" />
											<div class="child-roll-text">
												<div>
													<span>9</span>/<span>13</span>
												</div>
												<div>淘淘今天很忙</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/11.jpg" />
											<div class="child-roll-text">
												<div>
													<span>10</span>/<span>13</span>
												</div>
												<div>童心满满的嘉宾在体验</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/12.jpg" />
											<div class="child-roll-text">
												<div>
													<span>11</span>/<span>13</span>
												</div>
												<div>葡萄科技CPO</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/13.jpg" />
											<div class="child-roll-text">
												<div>
													<span>12</span>/<span>13</span>
												</div>
												<div>今天,星星的孩子们不孤独</div>
											</div>
										</div>
										<div class="swiper-slide">
											<img src="img/14.jpg" />
											<div class="child-roll-text">
												<div>
													<span>13</span>/<span>13</span>
												</div>
												<div>自闭症孩子的志愿者的帮助下,学得很快</div>
											</div>
										</div>
									</div>
								</div>
								<div id="child-btnright" class="swiper-button-next">
									<img src="img/btn_next.jpg" />
								</div>
							</div>
						</div>
						<div class="dis-pro">
							<div class="distitle">
								<img src="img/img_title_03.png" />
							</div>
							<div class="pro-text">
								<h3>葡萄科技不忘初心</h3>
								<p>葡萄科技不忘初心，始终以爱为藤蔓，以科技为依托，为孩子创造不可思议的童年体验，发掘出每一个孩子独有的天赋。</p>
							</div>
							<div class="pro-body">
								<div class="pro-body-head">
									<div class="pro-picL">
										<img src="img/qidl_logo.png" />
									</div>
									<div class="pro-picR">
										<img src="img/xktx_logo.png" />
									</div>
								</div>
								<div class="picLshow">
									<img src="http://static.putaocdn.com/store/front/images/conference2016q2/img_experience_qmdl.jpg" />
								</div>
								<div class="picRshow">
									<img src="http://static.putaocdn.com/store/front/images/conference2016q2/img_experience_xinxin.jpg" />
								</div>
							</div>
						</div>
						<div class="dis-mad" style="padding: 56px 0;">
							<div class="distitle">
								<img src="img/img_title_04.png" />
							</div>
							<div class="mad-body">
								<div class="mad-body-con">
									<div>
										<a href="http://www.whb.cn/zhuzhan/kandian/20160518/57578.html"><img src="img/pohot_report_01.jpg" /></a>
										<div>
											<p>文汇报:</p>
											<p>葡萄科技“奇妙电路”启蒙儿童物理科学世界</p>
										</div>
									</div>
									<div>
										<a href="http://shanghai.xinmin.cn/xmwx/2016/05/19/30042678.html"><img src="img/pohot_report_02.jpg" /></a>
										<div>
											<p>新民网:</p>
											<p>儿童玩具披高科技外衣 孙雯参与设计可穿戴手环</p>
										</div>
									</div>
									<div>
										<a href="http://www.gfic.cn/2016/0519/5886005.shtml"><img src="img/pohot_report_03.jpg" /></a>
										<div>
											<p>国际金融网:</p>
											<p>智能儿童玩具成下一个风口</p>
										</div>
									</div>
									<div>
										<a href="http://www.cs.com.cn/ssgs/hyzx/201605/t20160519_4972896.html"><img src="img/pohot_report_04.jpg" /></a>
										<div>
											<p>中证网:</p>
											<p>葡萄科技发布新品</p>
										</div>
									</div>
									<div>
										<a href="http://www.sh.chinanews.com/kjws/2016-05-18/5053.shtml"><img src="img/pohot_report_05.jpg" /></a>
										<div>
											<p>上海新闻网:</p>
											<p>科技玩具“奇妙电路”发布 启蒙儿童了解物理世界</p>
										</div>
									</div>
									<div>
										<a href="http://digital.it168.com/a2016/0519/2645/000002645803.shtml"><img src="img/pohot_report_06.jpg" /></a>
										<div>
											<p>IT168:</p>
											<p>儿童物理科学 葡萄科技奇妙电路发布会</p>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="dis-add">
							<div class="distitle">
								<img src="img/img_title_05.png" />
							</div>
							<div class="add-roll">
								<div id="add-btnleft" class="swiper-button-prev">
									<img src="img/btn_back.jpg" />
								</div>
								<div class="add-rollshow swiper-container">
									<div class="add-roll-Divs swiper-wrapper">
										<div class="swiper-slide"><img src="img/h1.jpg" /></div>
										<div class="swiper-slide"><img src="img/h2.jpg" /></div>
										<div class="swiper-slide"><img src="img/h4.jpg" /></div>
										<div class="swiper-slide"><img src="img/h5.jpg" /></div>
										<div class="swiper-slide"><img src="img/h6.jpg" /></div>
										<div class="swiper-slide"><img src="img/h7.jpg" /></div>
										<div class="swiper-slide"><img src="img/h8.jpg" /></div>
										<div class="swiper-slide"><img src="img/h12.jpg" /></div>
										<div class="swiper-slide"><img src="img/h14.jpg" /></div>
										<div class="swiper-slide"><img src="img/h15.jpg" /></div>
										<div class="swiper-slide"><img src="img/h17.jpg" /></div>
										<div class="swiper-slide"><img src="img/h18.jpg" /></div>
									</div>
								</div>
								<div id="add-btnright" class="swiper-button-next">
									<img src="img/btn_next.jpg" />
								</div>
							</div>
						</div>
						<div class="dis-end">
							<div class="distitle">
								<a href="http://static.putaocdn.com/store/front/images/conference2016q2/img_title_06.jpg">
									<img src="img/img_title_06.jpg" />
								</a>
							</div>
							<div class="distitle">
								<a href="http://www.putao.com/2015">
									<img src="img/img_title_07.jpg" alt="" />
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="abyejiaoly">
				<footer>
					<div id="footer_left">

					</div>
					<div id="footer_middle">
						<div>
							<h4>订单中心</h4>
							<a href="###">售后政策</a>
							<a href="###">配送常见问题</a>
							<a href="###">支付方式</a>
							<a href="###">支付常见问题</a>
							<a href="###">购物指南</a>
						</div>
						<div>
							<h4>服务支持</h4>
							<a href="###">配送方式</a>
							<a href="###">隐私政策</a>
							<a href="###">账户常见问题</a>
							<a href="###">淘淘向右走常见问题</a>
							<a href="###">班德瑞使用常见问题</a>
						</div>
						<div>
							<h4>商务合作</h4>
							<a href="###">商务合作</a>
						</div>
						<div>
							<h4>关于葡萄</h4>
							<a href="###">关于葡萄</a>
							<a href="###">联系我们</a>
						</div>
						<div>
							<h4>关于我们</h4>
							<a href="###">葡萄纬度</a>
						</div>
					</div>
					<div id="footer_right">
						<a href="###"><img src="img/btn_consult_qq@2x.png" /></a>
						<a href="###"><h2>400-651-6161</h2></a>
					</div>
					<h6>Copyright © 2016, Shanghai Putao Technology Co., Ltd. All Rights Reserved. 上海葡萄纬度科技有限公司</h6>
					<a href="###">沪IC备15015904号-3</a>
				</footer>
			</div>
			<!--视频显示-->
			<div id="bombig"></div>
			<div id="bomvideo">
				<div id="bomvideo-head">
					<button type="button" class="col">×</button>
					<h4>2016 Q2葡萄科技新品发布会</h4>
				</div>
				<div id="video" style="width:862px;height:524px;display: block">
					<object type="application/x-shockwave-flash" data="http://player.youku.com/player.php/sid/XMTU3NjYxOTMxMg==/isAutoPlay/false/isShowRelatedVideo/false/partnerid/5c30db50b42ae8c4/v.swf" width="100%" height="100%" id="youku-player">
					<param name="allowFullScreen" value="true">
					<param name="allowScriptAccess" value="always">
					<param name="movie" value="http://player.youku.com/player.php/sid/XMTU3NjYxOTMxMg==/isAutoPlay/false/isShowRelatedVideo/false/partnerid/5c30db50b42ae8c4/v.swf">
					</object>
				</div>
			</div>
		</div>
	</body>
	<script src="js/JNH.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(".lj1").click(function() {
			$("html,body").animate({
				scrollTop: $(".dis-video").offset().top
			}, 1000);
		})
		$(".lj2").click(function() {
			$("html,body").animate({
				scrollTop: $(".dis-child").offset().top
			}, 1000);
		})
		$(".lj3").click(function() {
			$("html,body").animate({
				scrollTop: $(".dis-pro").offset().top
			}, 1000);
		})
		$(".lj4").click(function() {
			$("html,body").animate({
				scrollTop: $(".dis-mad").offset().top
			}, 1000);
		})
		$(".lj5").click(function() {
			$("html,body").animate({
				scrollTop: $(".dis-add").offset().top
			}, 1000);
		})

		//轮播拖拽
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',
			paginationClickable: false,
		});

		$(".ancdiv").eq(0).addClass("geng");
		$(".ancdiv").click(function() {
			$(".ancdiv").removeClass("geng");
			$(this).addClass("geng");
		});

		$(".pro-body-head>div").eq(0).addClass("pro-gengpic");
		$(".pro-body-head>div").click(function() {
			$(".pro-body-head>div").removeClass("pro-gengpic");
			$(this).addClass("pro-gengpic");
		})
		$(".pro-body-head>div").eq(0).click(function() {
			$(".picLshow").css('display', 'block');
			$(".picRshow").css('display', 'none');
		})
		$(".pro-body-head>div").eq(1).click(function() {
			$(".picLshow").css('display', 'none');
			$(".picRshow").css('display', 'block');
		})
	</script>

</html>